<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>非凡首页</title>
		<link rel="stylesheet" type="text/css" href="css/xiangqingye-style.css" />
	</head>

	<body>
		<div class="top">
			<div class="inner_c">
				<div class="left fl">
					<img src="images/star.png" /> 收藏非凡商城
				</div>
				<div class="right fr">
					欢迎来到非凡商城！ [
					<a href="#">登录</a>][<a href="#">免费注册</a>]
				</div>
			</div>
		</div>
		<div class="search">
			<div class="inner_c">
				<img src="images/logo.png" class="logo fl" />
				<form method="post" action="#">
					<input type="search" name="search" class="fl" id="sousuo" />
					<button class="fl" id="sousuo_btn">搜索</button>
				</form>
				<div class="shoppingcart fr">
					<div class="cart fl"></div>
					<span class="shopping">购物车</span>
					<div class="jiantou fr"></div>
					<span class="math">0</span>
				</div>
			</div>
		</div>
		<div class="nav">
		<div class="inner_c" style="position: relative;">
			<div class="nav_left">
				<a href="#">全部商品分类<span></span></a>
				<ul>
					<li>
						<div><a href="#">手机 数码</a>
							<a href="#" class="pointer">合约机</a>
							<a href="#" class="two">荣耀3X 单反 移动设备</a>
							<span></span>
						</div>
						<div class="list">
							<ul>
								<li>
									<div class="list_name">电脑整装</div>
									<div class="list_list">
										<a href="#">笔记本</a>
										<a href="#">超级本</a>
										<a href="#">上网本</a>
										<a href="#">平板电脑</a>
										<a href="#">台式机</a>
									</div>
									<div class="cl"></div>
								</li>
								<li>
									<div class="list_name">装机配件</div>
									<div class="list_list">
										<a href="#">CPU</a>
										<a href="#">硬盘</a>
										<a href="#">SSD固态硬盘</a>
										<a href="#">内存 </a>
										<a href="#">器智能显示器 </a>
										<a href="#">主板 </a>
										<a href="#">显卡 </a>
										<a href="#">机箱 </a>
										<a href="#">电源 </a>
										<a href="#">散热器 </a>
										<a href="#">刻录机/光驱 </a>
										<a href="#">拓展卡 </a>
										<a href="#">服务器配件 </a>
										<a href="#">DIY小附件 </a>
										<a href="#">装机/配件安装 </a>
										<div class="cl"></div>
									</div>
								</li>
								<li>
									<div class="list_name">电脑整机</div>
									<div class="list_list">
										<a href="#">笔记本</a>
										<a href="#">超极本</a>
										<a href="#">上网本</a>
										<a href="#">平板电脑</a>
										<a href="#">台式机</a>
										<a href="#">笔记本</a>
										<a href="#">超极本</a>
										<a href="#">上网本</a>
										<a href="#">平板电脑</a>
										<a href="#">台式机</a>
										<a href="#">笔记本</a>
										<a href="#">超极本</a>
										<a href="#">上网本</a>
										<a href="#">平板电脑</a>
										<a href="#">台式机</a>
										<div class="cl"></div>
									</div>
								</li>
								<li>
									<div class="list_name">电脑整机</div>
									<div class="list_list">
										<a href="#">笔记本</a>
										<a href="#">超极本</a>
										<a href="#">上网本</a>
										<a href="#">平板电脑</a>
										<a href="#">台式机</a>
										<a href="#">笔记本</a>
										<a href="#">超极本</a>
										<a href="#">上网本</a>
										<div class="cl"></div>
									</div>
								</li>
								<li>
									<div class="list_name">电脑整机</div>
									<div class="list_list">
										<a href="#">笔记本</a>
										<a href="#">超极本</a>
										<a href="#">上网本</a>
										<a href="#">台式机</a>
										<a href="#">平板电脑</a>
										<a href="#">笔记本</a>
										<a href="#">超极本</a>
										<a href="#">上网本</a>
										<div class="cl"></div>
									</div>
								</li>
								<li>
									<div class="list_btn1">电脑整机频道 <span></span></div>
									<div class="list_btn2">硬件/外设频道 <span></span></div>
								</li>
							</ul>

						</div>
					</li>
					<li>
						<div>
							<a href="#">电脑 硬件外设</a>
							<a href="#" class="pointer">装机包</a>
							<a href="#" class="two">笔记本 台式机 超级本 平板</a>
							<span></span>
						</div>
						<div class="list list_box">1</div>
					</li>
					<li>
						<div>
							<a href="#">大家电</a>
							<a href="#" class="two">电视 空调 冰箱 洗衣机</a>
							<span></span>
						</div>
						<div class="list list_box">2</div>
					</li>
					<li>
						<div>
							<a href="#">厨房电器 生活电器</a>
							<a href="#" class="two">空气进化器 微波炉 取暖设备</a>
							<span></span>
						</div>
						<div class="list list_box">3</div>
					</li>
					<li>
						<div>
							<a href="#">食品/饮料/生鲜</a>
							<a href="#" class="pointer">粮油</a>
							<a href="#" class="two">进口 方便面 零食 保健</a>
							<span></span>
						</div>
						<div class="list list_box">4</div>
					</li>
				</ul>
			</div>
			<div class="nav_right">
				<ul>
					<li><a href="#">数码城</a></li>
					<li><a href="#">天黑黑</a></li>
					<li><a href="#">团购</a></li>
					<li><a href="#">发现</a></li>
					<li><a href="#">二手特卖</a></li>
					<li><a href="#">名品汇</a></li>
				</ul>
			</div>
		</div>
		</div>
		<div class="lujing">
			<div class="inner_c">
				<p>首页 > 平板电脑 > 平板电脑 > Apple 苹果 > MD531CH/A</p>
			</div>
		</div>

		<div class="inner_c">
			<div class="main">
				<div class="main-left fl">
					<div class="bigpic">
						<img src="images/ipad.png" />
					</div>
					<div class="smallpic">
						<img src="images/xiangqingipad.png" />
					</div>
				</div>
				<div class="main-right fr">
					<h3>全网底价 Apple 苹果 iPad mini 16G wifi版 平板电脑 前白后银 MD531CH/A 银白两色生产批次不同混合发货</h3>
					<p>非凡价:<span>¥1999.00</span></p>
				</div>
			</div>
		</div>
	</body>

</html>